<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>搜索结果</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<style>
			.mui-bar-nav~.mui-content { padding-top: 54px;}
			.mui-bar-nav { background: #FA9101; color: #fff;}
			.mui-pull-left { color: #fff;}
			.mui-bar-nav .mui-title { color: #fff;}
			.video_list { font-size: 12px;padding: 0 6px;}
			.video_list img { width: 100%;}
			.video_list .mui-table-view-cell { padding:10px; }
			.video_list .mui-table-view-cell:before,.video_list .mui-table-view-cell:after { background: #fff;}
			.video_list .mui-media-body { text-align: left; line-height: 18px !important; margin-top: 0 !important; word-break: break-all;white-space:normal; height: 36px !important; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; }
			.video_list span { position: absolute;left:0;bottom: 52px; color: #fff; font-size: 12px; padding-left: 20px;}
			.video_list span i { font-style: normal; display: inline-block;border: 1px #fff solid; border-radius: 100%; width: 14px; padding-left: 2px; height: 14px; line-height: 14px; text-align: center; font-size: 6px; margin-right: 3px; position: relative; top: -2px;}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">搜索"xxx"的结果</h1>
		</header>
		<div class="mui-content">
			<div class="video_list mui-row">
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>
				<div class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="#" >
						<img  class="mui-media-object " src="img/pic1.jpg">
						<span><i>▶</i>50.1 万</span>
						<div class="mui-media-body">当发生大幅第三方第当发生大幅第三方第当发生大幅第三方第</div>
					</a>
				</div>




			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/zepto.min.js"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init();
			mui.plusReady(function(){
				var self = plus.webview.currentWebview();
				search_text= self.search_text;
				$(".mui-title").html('搜索“'+search_text+'”的结果');
				$(".mui-collapse").eq(0).find(".mui-navigate-right").html(search_text);
				$(".mui-collapse-content").on("tap","a",function(){
					$(this).addClass("on").siblings().removeClass("on");
					$(this).parent().siblings("a.mui-navigate-right").html($(this).html());
					$(".mui-active").removeClass("mui-active");
				});
			})
		</script>
	</body>

</html>